<template>
	<view class="order">
		<view class="content">
			<view class="list" v-if="info.status != 5">
				<view class="top clearfix">
					<view class="left fl">
						<image :src="baseUrl + '/wximage/img/order_tubiao.png'" class="fl"></image>
						<view class="tishi fl">温馨提示</view>
					</view>
				</view>
				<view class="center clearfix">
					<view class="left fl">
						<image :src="baseUrl + '/wximage/img/xian_zhishitu.png'"></image>
					</view>
					<view class="right fl">
						<view class="title">注:请确认红色电源指示灯亮起! </view>
						<view class="desc">
							若<text></text>红色电源指示灯不亮，请检查<text>电源插板</text>是否有电或松动。若<text>充电过程中断电</text>，请点击<text>"继续充电"</text>按钮继续充电!
						</view>
					</view>
				</view>
				<view class="bottom clearfix">
					<!-- <view class="jixu fl">继续充电</view> -->
					<view class="price fr" @click="topage('/pages/user/question')">需要帮助</view>
				</view>
			</view>
			<view class="list">
				
				<view class="top clearfix" v-if="info.attr!=2">
					<view class="left fl">
						<image :src="baseUrl + '/wximage/order_dingdan.png'" class="fl"></image>
						<view class="tishi fl">充电时长</view>
					</view>
					<view class="wancheng fr">{{info.sjshichang}}</view>
				</view>
				
				<view class="center">
					<view class="li clearfix">
						<view class="name fl">订单号：</view>
						<view class="desc fr">{{info.out_order_no}}</view>
					</view>
					<view class="li clearfix">
						<view class="name fl">订单金额：</view>
						<view class="desc fr">￥{{info.money}}元</view>
					</view>
					<!-- <view class="li clearfix" v-if="info.type!=3">
						<view class="name fl">计费模式：</view>
						<view class="desc fr">1小时1元</view>
					</view>
					<view class="li clearfix" v-if="info.type!=3">
						<view class="name fl">计费说明：</view>
						<view class="desc fr">1小时1元</view>
					</view> -->
					<view class="li clearfix">
						<view class="name fl">订单时间：</view>
						<view class="desc fr">{{info.sdate}}</view>
					</view>
				</view>
				<view class="bottom clearfix">
					<view v-if="linetype == 1" class="more fl" @click="keepCharging">继续充电</view>
					<view v-else class="more fl"></view>
					<view class="price fr" @click="call">联系客服</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				baseUrl: getApp().globalData.baseUrl,
				x_tell: '',
				danhao: '',
				info: {
					status: 5,
					statustitle: '',
					money: '',
					out_order_no: '',
					sdate: '',
					sjshichang: '',
					pay_type: '',
					edate: ''
				},
				linetype:0,
				qrcode: '',
				danhao: '',
				orderInterval: null,
				charger_number: '',
				combo: [],
				deviceInfo: {},
				getBlueIntervalNum: 1,
				getBluetoothIntval: null,
				deviceId: '',
				connectedDeviceId: '', //链接的id
				services: '',
				notifyCharacteristicsId: '',
				writeCharacteristicsId: '',
				characteristics: '',
				notifyServicweId: '',
				writeServicweId: '',
				sendNum: 0,
				type: 1,
				sendProgress_status: false,
				deviceReset: 0,
				orderOk: 0
			}
		},
		onLoad(options) {
			//获取基本配置信息
			var that = this;
			that.request({
				url: '/xcx/webconfig',
				data: {}
			}).then(res => {
				if (res.data.code == 200) {
					that.x_tell = res.data.data.x_tell;
				} else {
					uni.showToast({
						title: '请求失败，请稍后再试',
						icon: 'none'
					})
				}
			})
			
			that.danhao = options.danhao;
			
			that.request({
				url: '/xcx/orderlinedetail',
				data: {
					danhao: that.danhao,
					agent_id: '',
					role_id: '',
				},
				method: "POST"
			}).then(res => {
				if (res.data.code == 200) {
					that.info = res.data.data;
					that.linetype = res.data.data.linetype;
					that.charger_number = that.info.charge_number;
					// console.log("查看所有的");
					// console.log(that.info);
				} else {
					uni.showToast({
						title: '请求失败，请稍后再试',
						icon: 'none'
					})
				}
			})
		},
		methods:{
			keepCharging(){
				console.log(this.info);
				console.log("继续充电");
				this.onLocationAuth();
			},
			
			onLocationAuth() {
				const _this = this // 下边this 为undefined
				
				// #ifdef MP-WEIXIN
				uni.authorize({
					scope: 'scope.userLocation', // 获取地理信息必填的参数，其它参数见文档
					success(res) {
						_this.getLocationFn()
					},
					// 授权失败
					fail(err) {
						err = err['errMsg']
						uni.showModal({
							title: '温馨提示',
							content: '为享受智能小程序，您必须授权!',
							showCancel: false,
							confirmText: '确认授权'
						}).then(res => {
							if (res[1]['confirm']) { // 点击了确认按钮时
								// 调用下边方法时，会弹出 【使用我的地理位置】界面， 未设置直接返回，还是会走fail授权失败的函数，
								// 还是会弹出上边的温馨提示！！！
								// 如果设置, scope.userLocation: true
								uni.openSetting({
									success(res) {
										if(res.authSetting == 'scope.userLocation: true'){
											_this.getLocationFn()
										}
										// 如果不设置，res结果：
										// {errMsg: "openSetting:ok", authSetting: {scope.userLocation: false}}
										// 如果设置, res结果： 
										// {errMsg: "openSetting:ok", authSetting: {scope.userLocation: true}}
										// console.log('小程序设置界面：', res)
									}
								})
							}
						})
					}
				})
				// #endif
				
				// #ifdef MP-ALIPAY
				_this.getLocationFn()
				// #endif
			},
			getLocationFn() {
				const _this = this

				// #ifdef MP-WEIXIN
				uni.getLocation({
					type: 'gcj02', // <map> 组件默认为国测局坐标gcj02
					altitude: true,
					success(res) {
						//初始化蓝牙
						_this.openBluetooth();
					}
				})
				// #endif
				
				// #ifdef MP-ALIPAY
				my.getLocation({
					type: 1, // 获取经纬度和省市区县数据
					success: (res) => {
						//初始化蓝牙
						_this.openBluetooth();
					},
					fail: (error) => {
						console.error('定位失败: ', JSON.stringify(error));
					},
					complete: () => {},
				});
				// #endif
			},
			openBluetooth() {
				var that = this;
				uni.openBluetoothAdapter({ //调用微信小程序api 打开蓝牙适配器接口
					success: function(res) {
						uni.showToast({
							title: '初始化成功',
							icon: 'success',
							duration: 800
						})
						that.findBlue(); //2.0
					},
					fail: function(res) { //如果手机上的蓝牙没有打开，可以提醒用户
						uni.showToast({
							title: '请打开蓝牙',
							type: 'error',
							icon: 'none'
						});
					}
				})
			},
			//搜索附近蓝牙设备
			findBlue() {
				var that = this
				uni.startBluetoothDevicesDiscovery({
					allowDuplicatesKey: false,
					interval: 0,
					success: function(res) {
						uni.showLoading({
							title: '正在搜索设备',
						})
						//搜索附近蓝牙设备
						that.getBlue() //3.0
					}
				})
			},
			/**
			 * 获取搜索到的蓝牙设备列表
			 */
			getBlue() {
				let that = this
				that.getBlueIntervalNum = 1
				that.getBluetoothIntval = setInterval(() => {
					that.getBlueIntervalNum++
					uni.getBluetoothDevices({
						success: function(res) {
							let code_sn = that.charger_number
							if (that.getBlueIntervalNum > 8 || !that.getBlueIntervalNum) { //查询8次还没有就终止
								uni.showToast({
									title: '未查找到设备',
									type: 'error',
									icon: 'none'
								});
								return false;
							}
			
							if (res.devices.length > 0) {
								if (res.devices.length) {
									for (let i = 0; i < res.devices.length; i++) {
										console.log("查看一下搜索道德蓝牙设备")
										console.log(code_sn);
										console.log(res.devices[i].localName);
										console.log(code_sn === res.devices[i].localName);
										if ((code_sn === res.devices[i].localName || code_sn === res
												.devices[i].name)) {
											// console.log("执行这个了嗷")
											that.deviceId = res.devices[i].deviceId
											clearInterval(that.getBluetoothIntval)
											setTimeout(() => {
												console.log("执行到这里了吗");
												that.connectTO()
											}, 100)
											break
										}
			
										if ((code_sn === res.devices[i].localName || code_sn === res
												.devices[i].name) && !that.deviceId) {
											that.deviceId = res.devices[i].deviceId
											clearInterval(that.getBluetoothIntval)
											setTimeout(() => {
												that.connectTO()
											}, 100)
											break
										}
									}
								} else if (that.getBlueIntervalNum > 8 || !that.getBlueIntervalNum) {
									clearInterval(that.getBluetoothIntval)
									uni.showToast({
										title: '未查找到设备',
										type: 'error',
										icon: 'none'
									});
								}
							} else if (that.getBlueIntervalNum > 8 || !that.getBlueIntervalNum) {
								clearInterval(that.getBluetoothIntval)
								uni.showToast({
									title: '未查找到设备',
									type: 'error',
									icon: 'none'
								});
							}
						},
						fail: function(err) {
							that.getBlueIntervalNum++
							if (that.getBlueIntervalNum > 8 || !that.getBlueIntervalNum) {
								clearInterval(that.getBluetoothIntval)
								uni.showToast({
									title: '未查找到设备',
									type: 'error',
									icon: 'none'
								});
							}
							// console.log(err, '获取蓝牙设备列表失败=====' + that.getBlueIntervalNum)
						}
					})
				}, 2000)
			},
			/**
			 * 连接蓝牙
			 */
			connectTO() {
				let that = this
				that.connect_num = that.connect_num || 1
				that.connectedDeviceId = that.deviceId
				uni.createBLEConnection({
					deviceId: that.connectedDeviceId,
					success: function(res) {
						that.getBLEDeviceServices()
						uni.stopBluetoothDevicesDiscovery({
							success: function(res) {
								console.log(res, '链接蓝牙成功，停止搜索成功')
							},
							fail: function(res) {
								console.log(res, '链接蓝牙成功，停止搜索失败')
							}
						})
					},
					fail: function(err) {
						// that.postLog(2, err)
						if (err.errCode == -1 && err.errMsg.indexOf('already connect') > -1) {
							that.getBLEDeviceServices()
							uni.stopBluetoothDevicesDiscovery({
								success: function(res) {
									console.log(res, '蓝牙已连接过，停止搜索成功')
								},
								fail: function(res) {
									console.log(res, '蓝牙已连接过，停止搜索失败')
								}
							})
						} else {
							that.connect_num++
							// console.log(err, '链接蓝牙失败===' + that.connect_num)
							if (that.connect_num > 3 || !that.connect_num) {
								uni.showToast({
									title: '蓝牙连接失败',
									type: 'error',
									icon: 'none'
								});
							} else {
								setTimeout(() => {
									that.connectTO()
								}, 1000)
							}
						}
					}
				})
			},
			
			/**
			 * 获取蓝牙设备的service服务,获取的serviceId有多个要试着连接最终确定哪个是稳定版本的service
			 */
			getBLEDeviceServices() {
				let that = this
				setTimeout(() => {
					uni.getBLEDeviceServices({
						deviceId: that.connectedDeviceId,
						success: function(res) {
							console.log(res, '获取蓝牙设备的service服务=========ok')
							that.services = res.services
							if (res.services.length > 0) {
								that.getBLEDeviceCharacteristics(0)
							} else {
								that.showModal('蓝牙服务获取失败', 2)
							}
						},
						fail: function(err) {
							that.showModal('蓝牙服务获取失败', 2)
							// console.log(err, '获取蓝牙设备的service服务____err')
						}
					})
				}, 100)
			},
			
			/**
			 * 7.获取蓝牙设备特征值
			 * 获取到的特征值有多个，最后要用的事能读，能写，能监听的那个值的uuid作为特征值id，
			 */
			getBLEDeviceCharacteristics(services_num) {
				let that = this
				that.notifyCharacteristicsId = ''
				that.writeCharacteristicsId = ''
				uni.getBLEDeviceCharacteristics({
					deviceId: that.connectedDeviceId,
					serviceId: that.services[services_num].uuid,
					success: function(res) {
						console.log(res, '获取蓝牙设备特征值成功==========')
						that.characteristics = res.characteristics
						// #ifdef MP-WEIXIN
						for (var i = 0; i < res.characteristics.length; i++) {
							let item = res.characteristics[i]
							console.log(item)
							if ((item.properties.read && item.properties.write && item.properties.notify) || (
									item.uuid.indexOf("FFF4") > -1)) {
									console.log(item.uuid.indexOf("FFF4"))	
								/* 获取支持 notify 或者 indicate 的特征值 */
								that.notifyCharacteristicsId = item.uuid
								that.notifyServicweId = that.services[services_num].uuid
							}
							if ((item.properties.write) && !that.writeCharacteristicsId) {
								that.writeCharacteristicsId = item.uuid
								that.writeServicweId = that.services[services_num].uuid
							}
							
							console.log(that.notifyCharacteristicsId + '11111' + that.writeCharacteristicsId)
							if (that.notifyCharacteristicsId && that.writeCharacteristicsId) {
								that.notifyBLECharacter()
								break
							}
						}
						if (!that.notifyCharacteristicsId || !that.writeCharacteristicsId) {
							services_num = services_num + 1
							if (services_num < that.services.length) {
								that.getBLEDeviceCharacteristics(services_num)
							} else {
								
								that.showModal('蓝牙特征值获取失败', 2)
							}
						}
						// #endif
						
						// #ifdef MP-ALIPAY
						for (var i = 0; i < res.characteristics.length; i++) {
							let item = res.characteristics[i]
							console.log(item)
							if ((item.properties.read && item.properties.write && item.properties.notify) || (
									item.characteristicId.indexOf("FFF4") > -1)) {
									console.log(item.characteristicId.indexOf("FFF4"))	
								/* 获取支持 notify 或者 indicate 的特征值 */
								that.notifyCharacteristicsId = item.characteristicId
								that.notifyServicweId = that.services[services_num].uuid
							}
							if ((item.properties.write) && !that.writeCharacteristicsId) {
								that.writeCharacteristicsId = item.characteristicId
								that.writeServicweId = that.services[services_num].uuid
							}
							
							console.log(that.notifyCharacteristicsId + '11111' + that.writeCharacteristicsId)
							if (that.notifyCharacteristicsId && that.writeCharacteristicsId) {
								that.notifyBLECharacter()
								break
							}
						}
						if (!that.notifyCharacteristicsId || !that.writeCharacteristicsId) {
							services_num = services_num + 1
							if (services_num < that.services.length) {
								that.getBLEDeviceCharacteristics(services_num)
							} else {
								
								that.showModal('蓝牙特征值获取失败', 2)
							}
						}
						// #endif
						
					},
					fail: function(err) {
						that.showModal('蓝牙特征值获取失败', 2)
						console.log(err, '获取蓝牙设备特征值====err')
					}
				})
			},
			
			/**
			 * 启用低功耗蓝牙设备特征值变化时的 notify 功能
			 * 然后使用 wx.onBLECharacteristicValueChange用来监听蓝牙设备传递数据
			 */
			notifyBLECharacter() {
				console.log("开始启用充电功能了？？？");
				let that = this;
				let error = {
					10000: '未初始化蓝牙适配器',
					10001: '当前蓝牙适配器不可用',
					10002: '没有找到指定设备',
					10003: '连接失败',
					10004: '没有找到指定服务',
					10005: '没有找到指定特征值',
					10006: '当前连接已断开',
					10007: '当前特征值不支持此操作',
					10008: '其余所有系统上报的异常',
					10009: '系统版本低于4.3不支持蓝牙监听功能',
					10012: '连接超时',
					10013: '连接deviceId为空或者是格式不正确',
				};
				uni.notifyBLECharacteristicValueChange({
					state: true,
					deviceId: that.connectedDeviceId,
					serviceId: that.notifyServicweId,
					characteristicId: that.notifyCharacteristicsId,
					complete(res) {
						console.log(res, '启用低功耗蓝牙设备监听=====complete')
						if (res.errCode >= 10000) {
			
							that.showModal(error[res.errCode] || '很抱歉，设备通讯超时', 2)
						} else {
							console.log("发送充电功能上")
							// console.log(pData);
							//判断一下设备
			
							console.log("发送充电功能");
			
							that.setSendStr()
			
						}
					}
				})
			},
			
			/**
			 * 监听手机蓝牙设备数据变化
			 */
			onBLECharacter() {
				let that = this;
				let type = that.type;
				var hexVal = '',
					endVal = ''
				uni.onBLECharacteristicValueChange((res) => {
					console.log(res, '监听手机蓝牙设备的数据变化===')
					// if(that.bluetooth_name) {
					//   hexVal = that.ab2hex(res.value)
					//   endVal = hexVal.substr(4, 2)
					// } else {
					// #ifdef MP-WEIXIN	
					hexVal = '0x' + that.ab2hex(res.value)
					// #endif
					
					// #ifdef MP-ALIPAY
					hexVal = '0x' + res.value;
					// #endif
					hexVal = hexVal.toLowerCase()
					//查看一下返回的数据ok
					console.log(hexVal + '=======================')
					if (hexVal.substr(0, 4) == '0xf1') {
						endVal = hexVal.substr(6, 2)
					} else {
						//密码线是从第6位截取两位
						endVal = hexVal.substr(6, 2)
						// endVal = hexVal.substr(4, 2)
					}
					// }
			
					// console.log(hexVal)
					console.log(endVal)
					console.log("查看启动充电是否成功或者失败");
					if (endVal == '00' || endVal == '0000') {
						console.log('命令成功拉')
			
						that.sendProgress_status = true;
			
			
						//      if(that.deviceReset){
						//        app.getPage(that.onPageNum).reloadCode().then(() => {
						//          app.getPage(that.onPageNum).getSendMsg().then(msg => {
						//            that.setSendStr(msg)
						//          })
						//        })
						//      }else{
						//        // 充电成功 或 结束成功
						//          that.sendProgress_status= true;
						// //跳转页面好了
						//      }
						uni.showModal({
							title: '温馨提示',
							content: `启动充电成功`,
							showCancel: false,
							confirmText: '确定',
							success() {
								// app.goBack()
								// uni.redirectTo({
								// 	url: '/pages/order/linedetail?danhao=' + that.danhao
								// })
							}
						})
					} else {
						// 充电失败 或 结束失败
						// if(type == 3){
						// app.getPage(2).postEndOrder()
						// } else if(type == 4){
						uni.showModal({
							title: '温馨提示',
							content: `启动充电失败`,
							showCancel: false,
							confirmText: '确定',
							success() {
								// app.goBack()
								// uni.redirectTo({
								// 	url: '/pages/order/linedetail?danhao=' + that.danhao
								// })
							}
						})
						// } 
					}
			
					// console.log(that.danhao)
					
			
				})
			},
			
			/**
			 * 拼接发送的代码
			 * @param {*} msg 
			 */
			setSendStr(msg) {
				this.onBLECharacter();
				if (msg) {
					setTimeout(() => {
						this.sendData(msg)
					}, 50)
				} else {
					//请求一下接口向蓝牙充电发送数据
					this.request({
						url: '/wxdevice/currentyishengyuan',
						data: {
							code_sn: this.charger_number,
							danhao: this.danhao
						},
						method: "POST"
					}).then(res => {
						if (res.data.code == 200) {
							let str = res.data.data;
							setTimeout(() => {
								this.sendData(str)
							}, 50)
						} else {
							uni.showToast({
								title: res.data.message,
								icon: 'none'
							})
						}
						return false;
					});
				}
			},
			
			/**
			 * 向蓝牙设备发送数据
			 */
			sendData(str) {
				let that = this
				// 每哥字节前面都要0X  或者都不要
				// var token = "01 00430 2 05a4AEAA";
				//测试  之前二合一好使的
				// var token = "010043020005C151";
				var token = str;
				//密码二合一的
				//  var token = "F1010001000A"; //1分钟的
				// var token = "F10105A0000A"; //1440分钟的
				// var token = "050505050505";//结束订单的东西
				// console.log('sendStr=========', token)
			
				let buffer = new ArrayBuffer(token.length / 2)
				let dataView = new DataView(buffer)
				var buf = []
				for (var i = 0; i < token.length; i = i + 2) {
					buf.push(token.substr(i, 2))
				}
			
				for (var i = 0; i < buf.length; i++) {
					dataView.setUint8(i, "0x" + buf[i].toLowerCase());
				}
			
			
				// var typedArray = new Uint8Array(str.match(/[\da-f]{2}/gi).map(function (h) {
				//   console.log("打印一下子");
				//   console.log(parseInt(h, 16));
				//   return parseInt(h, 16)
				// }))
			
			
				this.request({
					url: '/wxdevice/lineinfo',
					data: {
						qrcode: this.qrcode
					},
					method: "POST"
				}).then(res => {
					if (res.data.code == 200) {
						console.log(res.data.data)
						// this.arrpop = {};
						this.combo = res.data.data.combo;
						this.deviceInfo = res.data.data.device;
						this.charger_number = this.deviceInfo.charger_number;
						console.log(this.charger_number);
					} else {
						uni.showToast({
							title: res.data.message,
							icon: 'none'
						})
					}
				});
			
				that.sendNum = that.sendNum || 1
				console.log('发送message======' + that.sendNum)
				// console.log(typedArray.buffer)
				that.BLEValue = ''
				wx.writeBLECharacteristicValue({
					deviceId: that.connectedDeviceId,
					serviceId: that.writeServicweId,
					characteristicId: that.writeCharacteristicsId,
					value: buffer,
					success(res) {
						console.log("发送成功啦啦啦")
						console.log(res);
						console.log(res, 'message发送成功')
					},
					fail(res) {
						console.log('发送失败');
						console.log(res);
						if (that.sendNum > 3 || !that.sendNum) {
							that.showModal('非常抱歉，发送信息失败', 2)
						} else {
							that.sendNum++
							that.sendData(str)
						}
						console.log(res, 'message发送失败')
					},
					complete(e) {
						that.onBLEFail = false
						console.log(e, 'message发送complete')
					}
				})
			},
			
			/**
			 * ArrayBuffer转16进制字符串示例
			 * @param {*} buffer 
			 */
			ab2hex(buffer) {
				var hexArr = Array.prototype.map.call(
					new Uint8Array(buffer),
					function(bit) {
						return ('00' + bit.toString(16)).slice(-2)
					}
				)
				return hexArr.join('')
			},
			
			/**
			 * modal提示
			 */
			showModal(title = '温馨提示', type = 1) {
				let that = this,
					text = '1、确保设备通电，2、重启手机蓝牙。3、确保手机定位开启。然后点击重新链接'
				if (type == 2) text = '确保设备通电，关闭小程序重新扫码。（如若还是无法链接成功，可尝试将设备断电10秒在给设备通电，而后在扫码。）'
				uni.showModal({
					title: title,
					content: text,
					showCancel: false,
					success() {
						if (type == 2) {
							uni.reLaunch({
								url: '/pages/index/index'
							})
						}
					}
				})
			},
			
			
			
			
			
			call() {
				let tell = this.x_tell;
				uni.makePhoneCall({
					phoneNumber: tell,
					success(res) {
			
					},
					fail(res) {
			
					}
				})
			},
			topage(url){
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background: #F8FEFF;
	}
	
	.order{
		width: 100%;
		margin: 0 auto;
		
		.content{
			width: 90%;
			margin: 20rpx auto;
			
			.list{
				width: 100%;
				padding: 20rpx 30rpx;
				box-sizing: border-box;
				background: #ffffff;
				border-radius: 20rpx;
				margin-bottom: 20rpx;
				
				.top{
					line-height: 48rpx;
					border-bottom: 1rpx solid #D8D8D8;
					padding-bottom: 14rpx;
					
					.left{
						
						image{
							width: 48rpx;
							height: 48rpx;
							margin-right: 8rpx;
						}
						
						.title{
							font-size: 24rpx;
							color: #999999;
						}
					}
					
					.wancheng{
						font-size: 28rpx;
						color: #1BE0CD;
						font-weight: 700;
					}
				}
				
				.center{
					margin-top: 20rpx;
					border-bottom: 1rpx solid #D8D8D8;
					
					.li{
						margin-bottom: 20rpx;
						
						.name{
							font-size: 24rpx;
							color: #666666;
							width: 20%;
						}
						
						.desc{
							width: 70%;
							font-size: 24rpx;
							color: #666666;
							text-align: right;
						}
					}
					
					.left{
						width: 200rpx;
						margin-right: 20rpx;
						
						image{
							width: 200rpx;
							height: 200rpx;
						}
					}
					
					.right{
						width: 386rpx;
						
						.title{
							font-size: 24rpx;
							font-weight: 700;
							color: #333333;
							margin-bottom: 14rpx;
						}
						
						.desc{
							font-size: 24rpx;
							color: #333333;
							line-height: 36rpx;
							
							text{
								font-size: 24rpx;
								color: #F55369;
							}
						}
					}
				}
				
				.bottom{
					margin-top: 26rpx;
					height: 40rpx;
					line-height: 40rpx;
					
					.jixu{
						width: 120rpx;
						height: 40rpx;
						line-height: 40rpx;
						text-align: center;
						font-size: 24rpx;
						color: #1BE0CD;
						border: 1rpx solid #1BE0CD;
						border-radius: 20rpx;
					}
					
					.more{
						font-size: 24rpx;
						color: #999999;
					}
					
					.price{
						font-size: 28rpx;
						font-weight: 700;
						color: #ED7E55;
					}
				}
			}
		}
	}
</style>